<template>
  <div class="per-super">
    <!-- 管理权限 -->
    <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
    >
      <el-menu-item v-for="(item,i) of navName" :index="i+''" :key="item.index">{{item}}</el-menu-item>
    </el-menu>
    <el-row>
      <el-col :span="24">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item>企业设置</el-breadcrumb-item>
          <el-breadcrumb-item>超级管理员</el-breadcrumb-item>
        </el-breadcrumb>
      </el-col>
    </el-row>
    <!-- 左侧tree控件 -->
    <div class="per-super_content">
      <div class="per-super-tree">
        <ul class="ulnone">
          <li>
            管理组
          </li>
          <li class="active">
            <span><img src="../../assets/personage.png" alt class="imgmiddle"></span>
            <span>超级管理员</span>
            <p>系统分组</p>
          </li>
        </ul>
      </div>
      <!-- 右侧主体部分 -->
      <div class="per-super_title_right">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  data() {
    return {
      // nav导航栏数据
      navName: ["管理权限"],
      activeIndex: "0",
      superAdmin: "",
      admin: "",
      // 表单数据
      tree:[
        {

      }
      ]
    };
  },
  methods: {
    handleSelect(key, keyPath) {

    },
    // 编辑功能
    //后台数据来源
  }
};
</script>
<style scoped src="../../../public/css/permissionsBase.css"></style>
<style scoped>
/* 管理权限 */
div.per-super-tree {
  width: 15%;
  height: 100%;
  border-right: 1px solid #d7d7d7;
  text-align: center;
  height: 1000px;
}
/* 左侧tree控件 */
div.per-super-tree p {
  color: #666666;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.per-super-tree li {
  padding-top: 20px;
  padding-bottom: 20px;
}
div.per-super-tree li.active {
  background: #f2f2f2;
}
div.per-super-tree p {
  font-size: 12px;
}
div.per-super_content {
  display: flex;
  justify-content: space-between;
}
div.per-super_title_right {
  width: 85%;
}
.per-super .el-breadcrumb{
  padding:10px;
  border-bottom: 1px solid #D7D7D7;
}
</style>
